<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>边框属性设置</title>
        <style type="text/css">
            #kuang{
                font-size:3cm;
                float:left;
                width:100px;
                height:100px;
                border-width: 5px;
                margin:7px;
            }
            .one{
                background-color: #ffe7e8;
                border-style:solid;
            }
            .two{
                background-color:#f2fffd;
                border-style:dotted;
            }
            .three{
                background-color: #fff8eb;
                /* border-style: double;
                border-color:blue; */
                border:double blue;
            }
            .four{
                background-color: #f3eafc;
                border-style:groove;
            }

            #verse{
	            width:287px;
	            height:45px;
	            margin:6px;
	            padding:15px;
	            border:2px solid #666;
            }
            .five{
                border-radius:15px;
            }
            .six{
                border-radius:40px 40px 0px 0px;
            }
            .seven{
                border-radius:30% 0;
            }
        </style>
    </head>
    <body>
        <div id="kuang" class="one"></div>
        <div id="kuang" class="two"></div>
        <div id="kuang" class="three"></div>
        <div id="kuang" class="four"></div>
        <br clear="left">
        <div id="verse" class="five">寒雨连江夜入吴，平明送客楚山孤。<br>洛阳亲友如相问，一片冰心在玉壶。</div>
        <div id="verse" class="six">寒雨连江夜入吴，平明送客楚山孤。<br>洛阳亲友如相问，一片冰心在玉壶。</div>
        <div id="verse" class="seven">寒雨连江夜入吴，平明送客楚山孤。<br>洛阳亲友如相问，一片冰心在玉壶。</div>
    </body>
</html>